<ng-container style="display: flex;flex-direction: column">

    <nz-card style="display: flex;flex-direction: column">
        <nz-template #body>
            <nz-avatar style="display: flex;justify-content: center;align-items: center" nzIcon='fa-file-image-o'
                       nzSrc="/"></nz-avatar>
            <div style="display: flex;justify-content: center"><p>北京大学</p></div>
            <div style="display: flex;flex-direction: row;justify-content: center;align-items: center">
                <span style="font-size:14px;background-color: #00b7ee;border-radius: 3px">已入驻</span>
                <span style="font-size:24px;font-weight: bold;">4</span>
                <span style="font-size:14px;color: #fff">个社团</span>
            </div>
        </nz-template>
    </nz-card>

    <nz-card>
        <ng-template #title>
            优秀社团
        </ng-template>
        <ng-template #body>
            <nz-carousel nzAutoPlay="true">
                <div nz-carousel-content *ngFor="let index of array">
                    <p>{{index}}</p>
                </div>
            </nz-carousel>
        </ng-template>
    </nz-card>
    <nz-card>
        <nz-card>
            <nz-template #title>
                热门推荐
            </nz-template>
            <ng-template #body>
                <ul *ngFor="let active of activity" style="display: flex;justify-content: space-around">
                    <li>
                        <div style="display:flex;flex-direction:column;width: 65%">
                            <p style="font-size: 18px;">
                                <a href="">{{active.name}}</a>
                            </p>
                            <p style="font-size: 24px;color: #00a2d4">￥{{active.num}}</p>
                        </div>
                        <div style="display:flex;flex-direction:column;width: 30%">
                            <p>{{active.people}}</p>
                            <p style="font-size: 18px;">
                                <a href="" style="background-color: #ff0000;width: 100px;border-radius: 10px;">我要赞助</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </ng-template>
        </nz-card>
        <nz-card>
            <nz-template #title>
                已发放赞助企业
            </nz-template>
            <ng-template #body>
                <ul *ngFor="let enter of enterprise" style="display: flex;flex-wrap: wrap;">
                    <li>
                        <img src="" alt="" style="width: 62px;height: 62px">
                    </li>
                </ul>
            </ng-template>
        </nz-card>
    </nz-card>
</ng-container>
